<html>
    
    <head>
        <title>title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="lib/jquery-1.6.4.js"></script>
        <script src="lib/jquery.mobile-1.1.0.js"></script>
        <link href="src/css/jquery.mobile.structure-1.1.0.css" rel="stylesheet">
        <link href="src/css/jquery.mobile.theme-1.1.0.css" rel="stylesheet">
        <script src="src/js/database.js"></script>
        <script src="src/js/code.js"></script>
    </head>
    
    <body>
        <div data-role="page" id="page1">
            <div data-role="content">
                <img id="UJ" src="images/3f4c4a4f042402b645d1dd313a7a38e2_97f4b1422d07fc3d3ebb4755b5dde8f04e8580d4.jpg"
                alt="UJ_Image" width="180" height="150" style="display: block; margin: 0 auto">
                <strong id="name_app">Guiding Student Application</strong>
                <div data-role="fieldcontain">
                    <label for="text_password">Password</label>
                    <input type="text" id="text_password" data-mini="true" data-role="none">
                </div>
                <a href="#page3"  data-role="button" id="b_login" data-rel="page" data-inline="true">Log In</a>
                <a href="#page2" id="like_singUp" >Sing Up </a>
            </div>
        </div>
        <div data-role="page" id="page2">
            <div data-role="content">
                <h1 id="Singup">Sing Up Page</h1>
                <div data-role="fieldcontain">
                    <label for="text1">Student Name</label>
                    <input type="text" id="text1" data-mini="true" data-role="none">
                </div>
                <div data-role="fieldcontain">
                    <label for="text2">Student ID</label>
                    <input type="text" id="text2" data-role="none">
                </div>
                <div data-role="fieldcontain">
                    <label for="T_password">Create your password</label>
                    <input type="text" id="T_password" data-mini="true"
                    data-role="none">
                </div>
                <div data-role="fieldcontain">
                    <label for="T_REPassword">Rewrite your password</label>
                    <input type="text" id="T_REPassword" data-mini="true"
                    data-role="none">
                </div>
                <fieldset data-role="controlgroup" id="radio_g" data-type="horizontal" data-mini="true">
                    <legend>facuilty</legend>
                    <input type="radio" id="radio1" name="radio1" checked="checked">
                    <label for="radio1">CIS</label>
                    <input type="radio" id="radio2" name="radio1">
                    <label for="radio2">BIT</label>
                </fieldset>
                 <a href="#page1" id="back_to" >Back to log in page </a>
            </div>
        </div>
        <div data-role="page" id="page3"> 
            <div data-role="content">
                <h1 id="update_page">Update Courses Taken</h1> 
                
                <h3>Check Taken Courses</h3>
                <fieldset data-role="controlgroup" data-mini="true">
                    <legend></legend>
                    <p>Mandatory Faculty Courses : </p>
                    <input type="checkbox" id="checkbox1">
                    <label for="checkbox1">Fundamentals Of Information Technology</label>
                    <input type="checkbox" id="checkbox2">
                    <label for="checkbox2">Principles Of Statistic</label>
                    <input type="checkbox" id="checkbox3">
                    <label for="checkbox3">Digital logic</label>
                    <input type="checkbox" id="checkbox4">
                    <label for="checkbox4">C++</label>
                    <input type="checkbox" id="checkbox5">
                    <label for="checkbox5">Data Structures</label>
                    <input type="checkbox" id="checkbox6">
                    <label for="checkbox6">Calculus1</label>
                    <input type="checkbox" id="checkbox7">
                    <label for="checkbox7">Management Information Systems</label>
                    <input type="checkbox" id="checkbox8">
                    <label for="checkbox8">Web1</label>
                    <p>Mandatory Courses : </p>
                    <input type="checkbox" id="checkbox9">
                    <label for="checkbox9">Calculus 2</label>
                    <input type="checkbox" id="checkbox10">
                    <label for="checkbox10">Discrete Mathematics </label>
                    <input type="checkbox" id="checkbox11">
                    <label for="checkbox11">Documentation and communication</label>
                    <input type="checkbox" id="checkbox12">
                    <label for="checkbox12">Algorithms </label>
                    <input type="checkbox" id="checkbox13">
                    <label for="checkbox13">Computer Graphics</label>
                    <input type="checkbox" id="checkbox14">
                    <label for="checkbox14">Networks 1</label>
                    <input type="checkbox" id="checkbox15">
                    <label for="checkbox15">Operating System</label>
                    <input type="checkbox" id="checkbox16">
                    <label for="checkbox16">Java 1</label>
                    <input type="checkbox" id="checkbox17">
                    <label for="checkbox17">Database</label>
                    <input type="checkbox" id="checkbox18">
                    <label for="checkbox18">Artificial Intelligence</label>
                    <input type="checkbox" id="checkbox19">
                    <label for="checkbox19">Multimedia</label>
                    <input type="checkbox" id="checkbox20">
                    <label for="checkbox20">Human Computer Interaction</label>
                    <input type="checkbox" id="checkbox21">
                    <label for="checkbox21">Web2</label>
                    <input type="checkbox" id="checkbox22">
                    <label for="checkbox22">Geographical Information Systems</label>
                    <input type="checkbox" id="checkbox23">
                    <label for="checkbox23">Software Engineering</label>
                    <input type="checkbox" id="checkbox24">
                    <label for="checkbox24">Information Systems Applications</label>
                    <input type="checkbox" id="checkbox25">
                    <label for="checkbox25">Advanced Programming</label>
                    <input type="checkbox" id="checkbox26">
                    <label for="checkbox26">Security</label>
                    <input type="checkbox" id="checkbox27">
                    <label for="checkbox27">System Analysis</label>
                    <input type="checkbox" id="checkbox28">
                    <label for="checkbox28">Training</label>
                    <input type="checkbox" id="checkbox29">
                    <label for="checkbox29">Project</label>
                    <p>Optional Courses</p>
                    <input type="checkbox" id="checkbox30">
                    <label for="checkbox30">Theory of Computation</label>
                    <input type="checkbox" id="checkbox31">
                    <label for="checkbox31">Visual  Programming</label>
                    <input type="checkbox" id="checkbox32">
                    <label for="checkbox32">Patterns Recognition</label>
                    <input type="checkbox" id="checkbox33">
                    <label for="checkbox33">java2</label>
                    <input type="checkbox" id="checkbox34">
                    <label for="checkbox34">Computer Assisted Learning</label>
                    <input type="checkbox" id="checkbox35">
                    <label for="checkbox35">Distributed Databases</label>
                    <input type="checkbox" id="checkbox36">
                    <label for="checkbox36">Machine Learning </label>
                    <input type="checkbox" id="checkbox37">
                    <label for="checkbox37">Natuaral Language Processing</label>
                    <input type="checkbox" id="checkbox38">
                    <label for="checkbox38">E-Business</label>
                    <input type="checkbox" id="checkbox39">
                    <label for="checkbox39">E-Systems Applications </label>
                    <input type="checkbox" id="checkbox40">
                    <label for="checkbox40">Image Processing</label>
                    <input type="checkbox" id="checkbox41">
                    <label for="checkbox41">Oracle</label>
                    <input type="checkbox" id="checkbox42">
                    <label for="checkbox42">Computer Ethics</label>
                    <input type="checkbox" id="checkbox43">
                    <label for="checkbox43">Quality Management</label>
                    <input type="checkbox" id="checkbox44">
                    <label for="checkbox44">Expert Systems And Neural Networks</label>
                    <input type="checkbox" id="checkbox45">
                    <label for="checkbox45">Decision Support Systems</label>
                    <input type="checkbox" id="checkbox46">
                    <label for="checkbox46">Certified Software </label>
                    <input type="checkbox" id="checkbox47">
                    <label for="checkbox47">Object Oriented Design</label>
                    <input type="checkbox" id="checkbox48">
                    <label for="checkbox48">Special Topics</label>  
                </fieldset>
                <a href="#page4" data-role="button" data-inline="true">Guid</a>
                <button id ="B_Save" data-inline="true">Save</button>
            </div>
        </div>
            <div data-role="page" id="page5"> 
            <div data-role="content">
                <h1 id="update_page1">Update Courses Taken</h1> 
                
                <h3>Check Taken Courses</h3>
                <fieldset data-role="controlgroup" data-mini="true">
                    <legend></legend>
                    <p>Mandatory Faculty Courses : </p>
                    <input type="checkbox" id="checkbox49">
                    <label for="checkbox49">Fundamentals Of Information Technology</label>
                    <input type="checkbox" id="checkbox50">
                    <label for="checkbox50">Principles Of Statistics</label>
                    <input type="checkbox" id="checkbox51">
                    <label for="checkbox51">Digital logic</label>
                    <input type="checkbox" id="checkbox52">
                    <label for="checkbox52">C++</label>
                    <input type="checkbox" id="checkbox53">
                    <label for="checkbox53">Data Structures</label>
                    <input type="checkbox" id="checkbox54">
                    <label for="checkbox54">Calculus1</label>
                    <input type="checkbox" id="checkbox55">
                    <label for="checkbox55">Management Information Systems</label>
                    <input type="checkbox" id="checkbox56">
                    <label for="checkbox56">Web1</label>
                    <p>Mandatory Courses : </p>
                    <input type="checkbox" id="checkbox57">
                    <label for="checkbox57">Accounting Principles</label>
                    <input type="checkbox" id="checkbox58">
                    <label for="checkbox58">Managerial Accounting </label>
                    <input type="checkbox" id="checkbox59">
                    <label for="checkbox59">Principles of financial Management</label>
                    <input type="checkbox" id="checkbox60">
                    <label for="checkbox60">Principles of  Business Management </label>
                    <input type="checkbox" id="checkbox61">
                    <label for="checkbox61">Algorithms</label>
                    <input type="checkbox" id="checkbox62">
                    <label for="checkbox62">Networks 1</label>
                    <input type="checkbox" id="checkbox63">
                    <label for="checkbox63">Operating System</label>
                    <input type="checkbox" id="checkbox64">
                    <label for="checkbox64">Java 1</label>
                    <input type="checkbox" id="checkbox65">
                    <label for="checkbox65">Database</label>
                    <input type="checkbox" id="checkbox66">
                    <label for="checkbox66">Software Engineering</label>
                    <input type="checkbox" id="checkbox67">
                    <label for="checkbox67">System Analysis</label>
                    <input type="checkbox" id="checkbox68">
                    <label for="checkbox68">E-Systems Applications</label>
                    <input type="checkbox" id="checkbox69">
                    <label for="checkbox69">Operational Research</label>
                    <input type="checkbox" id="checkbox70">
                    <label for="checkbox70">Web Publishing </label>
                    <input type="checkbox" id="checkbox71">
                    <label for="checkbox71">Electronic Business</label>
                    <input type="checkbox" id="checkbox72">
                    <label for="checkbox72">Quality Management</label>
                    <input type="checkbox" id="checkbox73">
                    <label for="checkbox73">Documentation and communication</label>
                    <input type="checkbox" id="checkbox74">
                    <label for="checkbox74">Security</label>
                    <input type="checkbox" id="checkbox75">
                    <label for="checkbox75">E- Government</label>
                    <input type="checkbox" id="checkbox76">
                    <label for="checkbox76">Multimedia</label>
                    <input type="checkbox" id="checkbox77">
                    <label for="checkbox77">Training</label>
                    <input type="checkbox" id="checkbox78">
                    <label for="checkbox78">Project</label>
                    <p>Optional Courses</p>
                    <input type="checkbox" id="checkbox79">
                    <label for="checkbox79">Leadership in business</label>
                    <input type="checkbox" id="checkbox80">
                    <label for="checkbox80">Accounting Information Systems</label>
                    <input type="checkbox" id="checkbox81">
                    <label for="checkbox81">Financial Analysis</label>
                    <input type="checkbox" id="checkbox82">
                    <label for="checkbox82">Risk Management</label>
                    <input type="checkbox" id="checkbox83">
                    <label for="checkbox83">Management of Information Sources</label>
                    <input type="checkbox" id="checkbox84">
                    <label for="checkbox84">Decision Support Systems</label>
                    <input type="checkbox" id="checkbox85">
                    <label for="checkbox85">Computer Ethics </label>
                    <input type="checkbox" id="checkbox86">
                    <label for="checkbox86">Web 2</label>
                    <input type="checkbox" id="checkbox87">
                    <label for="checkbox87">Statistical Packages</label>
                    <input type="checkbox" id="checkbox88">
                    <label for="checkbox88">Oracle</label>
                    <input type="checkbox" id="checkbox89">
                    <label for="checkbox89">Certified Software</label>
                    <input type="checkbox" id="checkbox90">
                    <label for="checkbox90">Business Requirements Analysis</label>
                    <input type="checkbox" id="checkbox91">
                    <label for="checkbox91">Business Intelligence Systems</label>
                    <input type="checkbox" id="checkbox92">
                    <label for="checkbox92">Special Topics</label>  
                </fieldset>
                <a href="#page4" data-role="button" data-inline="true">Guid</a>
                <button id ="B_Save2" data-inline="true">Save</button>
            </div>
        </div>
        <div data-role="page" id="page4">
            <div data-role="content"></div>
            <h3>Filter By :</h3>
            <p>
             <label>Day</label>
             <select id = "Day_List" data-inline="true">
               <option value = "1">Sunday - Tuesday - Thursday</option>
               <option value = "2">Monday - Wednesday</option>
             </select>  

            </p>
            <p>

             <label>Time</label>
             <select id = "Time_List" data-inline="true">
               <option value = "1">08:00-09:00</option>
               <option value = "2">09:00-10:00</option>
               <option value = "3">10:00-11:00</option>
               <option value = "4">11:00-12:00</option>
               <option value = "3">12:00-13:00</option>
               <option value = "4">13:00-14:00</option>
               <option value = "3">14:00-15:00</option>
               <option value = "4">15:00-16:00</option>        
             </select> 
          </p>
       
        </div>
    </body>

</html>